<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BatchOrderEffect</title>

    <!--<script type="text/javascript" src="../Public/publicjs.js"></script>-->
</head>
<body>

    <div style="overflow: auto; position: absolute;top: 0px;left: 0px;right: 0px;bottom: 45px;padding: 10px">
        <div class="panel-group" id="accordion">
        <div class="panel panel-success panel-modify">
            <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                 href="#batchOrderBasic">
                <h4 class="panel-title" ><span class="glyphicon glyphicon-triangle-bottom glyphicon-triangle-top"></span> 批指令基本信息</h4>
            </div>
            <div id="batchOrderBasic" class="panel-collapse collapse in">
                <div class="panel-body">
                    <div class="row">
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">批指令号</span >
                                <input id="inOrderNo"  class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">产品代码</span >
                                <input id="inMatCode" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">产品名称</span >
                                <input id="inMatName" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">产品规格</span >
                                <input id="inSpec" id="productVersion" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">批号</span >
                                <input id="inBatchNo" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                        <div class="form-group col-sm-4 has-feedback">
                            <div class="input-group">
                                <span  class="input-group-addon">批量(单位)</span >
                                <input id="inQuantity" class="form-control" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel panel-success panel-modify">
            <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                 href="#eOperateOrderList">
                <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom glyphicon-triangle-top"></span> 操作指令表</h4>
            </div>
            <div id="eOperateOrderList" class="panel-collapse collapse in">
                <div class="panel-body">
                    <table id="eOperateOrderTable" data-toggle="table"
                           data-click-to-select="true"
                           data-striped="true"
                           data-row-style="rowStyle"
                           data-cell-style="cellStyle"
                           data-unique-id="itemCode"
                    >
                        <thead>
                        <tr>
                            <th data-field="targetWorkId" data-visible="false"></th>
                            <th data-field="recipePathId" data-visible="false"></th>
                            <th data-field="targetStepId" data-visible="false"></th>
                            <th data-field="workCenterOderCode">指令代码</th>
                            <th data-field="targetWorkCode">工位(组)代码</th>
                            <th data-field="targetWorkName"
                                data-formatter="operateFormatter"
                                data-events="selectWorkName">工位(组)名称</th>
                            <th data-field="targetWorkType" data-visible="false"></th>
                            <th data-field="copyWorkType" data-visible="false"></th>
                            <th data-field="plandate">计划日期</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
        <div class="panel panel-success panel-modify">
            <div class="panel-heading" data-toggle="collapse" data-parent="#accordion"
                 href="#bomInfor">
                <h4 class="panel-title"><span class="glyphicon glyphicon-triangle-bottom"></span> 指令BOM信息</h4>
            </div>
            <div id="bomInfor" class="panel-collapse collapse">
                <div class="panel-body">
                    <table id="bomInforTable" data-toggle="table"
                           data-click-to-select="true"
                           data-striped="true"
                           data-row-style="rowStyle"
                           data-cell-style="cellStyle"
                           data-unique-id="itemCode"
                    >
                        <thead>
                        <tr>
                            <th data-field="id" data-visible="false"></th>
                            <th data-field="itemCode">序号</th>
                            <th data-field="code">物料代码</th>
                            <th data-field="name">物料名称</th>
                            <th data-field="planQuantity">计划数量</th>
                            <th data-field="uomName">单位</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>

    </div>
    </div>
    <div class="form-group" style = "margin-bottom: 0px; position: absolute;bottom: 5px;left: 5px;right: 5px">
        <div class="col-xs-6" style="text-align: right">
            <button type="button" id="batchEffectEnsure" class="btn btn-custom">保存</button>
        </div>
        <div class="col-xs-6" style="text-align: left">
            <button type="button"  class="btn btn-custom close-layer">取消</button>
        </div>
    </div>


<script>
    $(document).ready(function(){
        //设置折叠可以多个显示
        $(".panel-collapse").collapse({
            toggle: false
        });

        //面板收缩指向图标
        $('.panel-heading').click(function(){
            var sp = $(this).find('.panel-title span,.glyphicon-triangle-bottom');
            sp.toggleClass("glyphicon-triangle-top");
        })
    })


</script>
</body>
</html>